.side-icon
  display: flex
  align-items: center

.ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left
  border-right: unset

.side-menu ::v-deep
  .ant-layout-sider-children
    position: fixed
    width: 200px
    height: 100vh
    display: flex
    flex-direction: column
  .ant-menu
    flex-grow: 1
    flex-shrink: 1
    flex-basis: 0
    height: auto
    overflow-x: hidden
    overflow-y: auto
  .logo-wrap
    justify-content: flex-start
    width: 200px
    height: 64px
    overflow: hidden
  .logo
    width: 32px
    margin: 12px
    display: none
  .logo-full
    width: 158px
    height: auto
    padding: 12px 0 12px 16px

// collapsed
.side-menu.ant-layout-sider-collapsed ::v-deep
  .ant-layout-sider-children
    width: auto
  .logo-wrap
    justify-content: center
    width: 80px
    .logo-full
      display: none
    .logo
      display: flex
